<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue入门案例</title>
		
	</head>
	<body>
	
		<!-- 1.语法规则：vue中必须定义根目录标签 -->
		<div id="app">
			<!-- 利用插值表达式获取数据 -->
			{{hello}}
			<!-- 2.引入vue js -->
			
		</div>
		<script src="../js/vue.js"  charset="utf-8"></script>
	<!-- 3.编辑vue js -->
	<script type="text/javascript">
		/**
		 * ESs6 新规范
		 * 1.定义变量 var  弊端：没有作用域的概念
		 *   如果变量名称重复可能会引发问题
		 * 2.定义变量 let  有作用域的概念
		 * 3.定义常量 const 全局唯一 不可更改
		 */
	const app = new Vue({
		// 表示vue对象作用范围
		el: "#app",
		//定义数据对象
		data: {
			hello: "你好"
		}
	})
	</script>
	
	</body>
</html>
